<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		<div class="box">
			<div class="top">
				<div>
					<div class="p-word">
						<p>倪银龙</p>
						<p>个人微信：yunduansoft</p>
					</div>

					<input type="search" name="" id="" value="搜索" />
				</div>
				<div class="clear"></div>
			</div>

			<div class="adv">
				<img src="img/bo_03.png" />
			</div>

			<div class="nav">
				<span class="fa fa-chevron-down"></span>
				<ul>
					<li><a href="#">首页</a></li>
					<li><a href="#">HTML5+CSS课程</a></li>
					<li><a href="#">javas教程</a></li>
					<li><a href="#">资料下载页</a></li>
				</ul>
				<div class="clear"></div>
			</div>

			<div class="bottom">
				<div class="left">
					<input type="search" name="" id="" value="搜索" />
					<div class="left-me">
						<div class="me">
							<p>微博</p>
						</div>
					</div>
					<div class="video">
						<ul>
							<li class="list1"><a href="#">视频教程</a></li>
							<li><a href="#">H5&CSS3</a></li>
							<li><a href="#">javas</a></li>
							<li><a href="#">jQuery</a></li>
						</ul>
					</div>
				</div>
				<div class="right">
					<div class="item">
						<p>网页制作常用的英语翻译</p>
					</div>
					<div class="item">
						<p>网页编程常用单词</p>
					</div>
					<div class="item">
						<p>鹰的重生</p>
					</div>
					<div class="item">
						<p>如果计算AI技术让我们永生的话.....</p>
					</div>
					<div class="item">
						<p>互联网行业你不得不知道的几个名词简写</p>
					</div>
					<div class="item">
						<p class="nor">Normalize.css-现代web开发必备CSS resets</p>
					</div>
					<div class="item">
						<p>给自己打打气!</p>
					</div>
				</div>
				<div class="clear"></div>
			</div>

			<div class="copyright">
				<p>沪ICP16028427号&copy;倪银龙版权所用</p>
			</div>
		</div>

		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				var i = 0;
				$(".fa-chevron-down").click(function() {
					i++;
					if (i%2==1) {
						$(".fa-chevron-down").css("-webkit-transform","rotate(180deg)")
					} else{
						$(".fa-chevron-down").css("-webkit-transform","rotate(0deg)")
					}
					
					
					$(".box .nav ul").toggle()
					
				})
			})
		</script>

	</body>

</html>